{% extends 'base.html' %}
{% load echarts %}

{% block main_content %}
    <div class="row ">
        <!--/.sidebar-offcanvas-->
        <div class="col-md-12">
            <div class="page-header text-center">
                <h3>{{ title }}</h3>
            </div>
            {% if chart_info.description %}
                <div class="well well-sm" style="text-indent: 2rem;">{{ chart_info.description }}</div>
            {% endif %}
            {% if chart_info.tags %}
                <div class="clearfix">
                    {% for tag in chart_info.tags %}
                        <span class="badge">{{ tag }}</span>
                    {% endfor %}
                </div>

            {% endif %}
            <br/>
            {% dw_widget chart_obj %}
            {% if chart_info.body %}
                <br/>
                <div style="text-indent: 2rem;">{{ chart_info.body }}</div>
            {% endif %}

        </div>
        <!--/.col-xs-12.col-sm-9-->


    </div>

{% endblock %}

{% block extra_script %}
    {% echarts_js_dependencies chart_obj %}
    {% echarts_js_content chart_obj %}
{% endblock %}
